/************************
重置ElementUi样式
************************/
// 重置菜单样式
.el-menu {
  border: none;
  width: 100%;
  li.el-menu-item:hover,
  li.el-submenu > div:first-child:hover {
    background: url('../assets/menu-bg.png') left top no-repeat;
    color: #29b7ff !important;
    i {
      color: #29b7ff;
    }
  }
}
// 菜单选中的样式
.el-menu-item.is-active {
  background: url('../assets/menu-bg.png') left top no-repeat;
  i {
    color: #29b7ff;
  }
}
// 展开的菜单项样式
.el-menu-item,
.el-submenu > div,
.el-submenu .el-menu-item {
  padding: 0 16px;
  height: 40px;
  display: flex;
  align-items: center;
  > div {
    display: flex !important;
    align-items: center !important;
    justify-content: center;
  }
  i {
    margin-right: 10px;
  }
}
.el-submenu > .el-menu--inline li.collapse > div,
.el-submenu > .el-menu--inline li.collapse,
.el-submenu > .el-menu--inline {
  background-color: #000c17 !important;
}
.el-submenu .el-menu-item {
  min-width: auto;
  width: 100%;
}
.el-menu-item.collapse,
.el-submenu.collapse div {
  padding-left: 16px !important;
}

// 折叠后的样式调整
ul.el-menu-vertical {
  .el-submenu.is-collapse {
    > .el-submenu__title {
      padding-left: 28px !important;
    }
    span,
    .el-submenu__icon-arrow {
      height: 0;
      width: 0;
      overflow: hidden;
      visibility: hidden;
      display: none;
    }
  }
}

// 重置菜单弹出层样式为蓝色
.el-tooltip__popper.is-dark {
  background: #409eff;
}
.el-tooltip__popper[x-placement^='right'] .popper__arrow,
.el-tooltip__popper[x-placement^='right'] .popper__arrow::after {
  border-right-color: #409eff !important;
}
// 弹出层菜单距离过远问题
.el-menu--popup {
  border-radius: 6px;
  .el-submenu .el-menu--vertical {
    padding: 0;
  }
}
// 重置菜单样式 end
